<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>评论</title>
    <link href="css/mui.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/comment.css" />
    <link rel="stylesheet" href="iconfont/iconfont.css" />
    <script type="text/javascript" src="js/mui.js"></script>
    <script src="js/pxtorem.js"></script>
</head>
<body>
    <!--header开始-->
      <header>
        <main>
	      	<div class="iconfont icon-fanhui mui-action-back" style="font-size:0.34rem"></div>
	      	<div style="font-size:0.34rem;color:#fff;">评论</div>
	      	<div></div>
      	</main>
      </header>
    <!--header结束-->
    <!--content开始-->
    <section class="content">
       <main>
          <ul class="givelike-list">
              <li class="givelike-author">
                 <div class="givelike-authorimg">
                    <a href="" style="display:block;">
                       <img src="img/aimg.png" alt="" />
                    </a>
                 </div>
                 <div class="givelike-authorinfo">
                    <p>还是一碗泡面</p>
                    <p>03-17 22:43</p>
                    <p>赞了你的这个作品</p>
                 </div>
              </li>
              <li class="givelike-listimg">
                 <a href="">
                    <img src="img/aimg.png" alt=""  style="width:1.5rem;height:1.52rem"/>
                 </a>
              </li>
          </ul>
          <ul class="givelike-list">
              <li class="givelike-author">
                 <div class="givelike-authorimg">
                    <a href="" style="display:block;">
                       <img src="img/aimg.png" alt="" />
                    </a>
                 </div>
                 <div class="givelike-authorinfo">
                    <p>还是一碗泡面</p>
                    <p>03-17 22:43</p>
                    <p>赞了你的这个作品</p>
                 </div>
              </li>
              <li class="givelike-listimg">
                 <a href="">
                    <img src="img/aimg.png" alt=""  style="width:1.5rem;height:1.52rem"/>
                 </a>
              </li>
            </ul>
          <ul class="givelike-list">
              <li class="givelike-author">
                 <div class="givelike-authorimg">
                    <a href="" style="display:block;">
                       <img src="img/aimg.png" alt="" />
                    </a>
                 </div>
                 <div class="givelike-authorinfo">
                    <p>还是一碗泡面</p>
                    <p>03-17 22:43</p>
                    <p>互相学习，一起加油吧</p><br />
                    <!--显示关于自己的回复开始-->
                    <div class="comment-Box">
	                    <div class="comment-box">
	                    	<p>
	                    		<span>回复了：</span>
	                    		<span>海螺壳</span>
	                    	</p>
	                    	<p>你画的非常好，我一定要好好学习！</p>
	                    </div>
	                    <div class="comment-box">
	                    	<p>
	                    		<span>回复了：</span>
	                    		<span>海螺壳</span>
	                    	</p>
	                    	<p>你画的非常好，我一定要好好学习！</p>
	                    </div>
                    </div>
                    <!--显示关于自己的回复结束-->
                 </div>
              </li>
              <li class="givelike-listimg">
                 <a href="">
                    <img src="img/aimg.png" alt=""  style="width:1.5rem;height:1.52rem"/>
                 </a>
              </li>
          </ul>
       
       
       </main>
    </section>
    <!--content结束-->
</body>
</html>